.yjl_theme{
  width: 100%;
  height: 430px;
  background-image:url("../images/figure21.jpg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.yjl_OuterContent{
  display: block;
  width: 100%;
  position:relative;
  .yjl_Content{
    width: 1200px;
    height: 800px;
    margin: 0 auto;
    position:relative;
    .yjl_InnerContent{
      width: 100%;
      height: 100%;
      position:relative;

      .yjl_FloatImgTop{
        position: absolute;
        width: 450px;
        height: 270px;
        top: 107px;
        left: 79px;
      }
      .yjl_FloatImgFoot{
        position: absolute;
        width: 450px;
        height: 270px;
        top: 416px;
        left: 79px;
      }
      .yjl_FloatRightTop{
        position: absolute;
        width: 200px;
        height: 180px;
        top: 131px;
        left: 754px;
      }
      .yjl_FloatRightFoot{
        position: absolute;
        width: 477px;
        height: 140px;
        top: 349px;
        left: 627px;
        .yjl_Article{
          font-size: 14px;
          line-height: 35px;
        }
      }
      .yjl_ContactUs{
        position: absolute;
        width: 150px;
        height: 50px;
        top: 570px;
        left: 789px;
        .yjl_FloatImg{
          display: block;
        }
        .yjl_HoverImg{
          z-index: 111;
          display: none;
        }
      }
      .yjl_ContactUs:hover .yjl_FloatImg{
        display: none;
      }
      .yjl_ContactUs:hover .yjl_HoverImg{
        display: block;
      }
    }
  }
}

.yjl_post-production{
  display: block;
  width: 100%;
  position:relative;
  background-image:url("./images/figure8.jpg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  .yjl_postContent{
    position: relative;
    width: 1200px;
    height: 860px;
    margin: 0 auto;
    .playImg{
      position: absolute;
      left:360px;
      top:414px;
    }
    .yjl_productContent{
      position: absolute;
      top: 245px;
      left: 860px;
      width: 284px;
      height: 177px;
      .yjl_ArticleContent{
        margin:46px 0;
        p{
          font-size: 14px;
          line-height: 22px;
        }
      }
    }
    .yjl_ContactUs{
      position: absolute;
      width: 150px;
      height: 50px;
      top: 496px;
      right: 175px;
      .yjl_FloatImg{
        display: block;
      }
      .yjl_HoverImg{
        z-index: 111;
        display: none;
      }
    }
    .yjl_ContactUs:hover .yjl_FloatImg{
      display: none;
    }
    .yjl_ContactUs:hover .yjl_HoverImg{
      display: block;
    }
  }
}

.yjl_VisualButler {
  display: block;
  width: 100%;
  position: relative;
  background-image: url("../images/figure18.jpg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  .yjl_VisualContent {
    position: relative;
    width: 1200px;
    height: 610px;
    margin: 0 auto;
    color: white;
    .playImg {
      position: absolute;
      left: 242px;
      top: 270px;
    }
    .yjl_ButlerContent{
      position: absolute;
      top: 150px;
      left: 692px;
      width: 490px;
      height: 216px;
      .yjl_ArticleContent{
        margin:46px 0;
        p{
          font-size: 14px;
          line-height: 25px;
        }
      }
    }
    .yjl_Arrow{
      position: absolute;
      width: 100px;
      height: 50px;
      top: 412px;
      right:400px;
      .yjl_FloatImg{
        display: block;
      }
      .yjl_HoverImg{
        z-index: 111;
        display: none;
      }
    }
    .yjl_Arrow:hover .yjl_FloatImg{
      display: none;
    }
    .yjl_Arrow:hover .yjl_HoverImg{
      display: block;
    }

  }
}

.yjl_photographs {
  display: block;
  width: 100%;
  position: relative;
  .yjl_PhotoShow {
    position: relative;
    width: 1200px;
    height: 790px;
    margin: 0 auto;

    .yjl_PhotoShow{
      position: absolute;
      height: 534px;
      top: 140px;
      bottom:150px;
      .yjl-PhotoLeft{
        display: inline-block;
        width: 890px;
        height: 534px;
        img{
          width: 890px;
          height: 534px;
        }
      }
      .yjl-PhotoRight{
        display: inline-block;
        float: right;
        width: 270px;
        height: 534px;
        margin-right: 20px;
        ul{
          margin: 0;
        }
        .yjl_img{
          margin: 20px 0;
        }
      }

    }
  }
}


